<template>
  <div class="dmform-treecascader" style="position: relative;">
    <table>
      <tr>
        <td style="width: 50%;">
          <div class="_panel1" v-loading="leftLoading">
            <div class="_panel_header">{{ leftTitle }}</div>
            <Tree ref="leftTree" :data="leftTreeData"
                  node-key="id" empty-text="暂无数据"
                  :expand-on-click-node="false"
                  show-checkbox check-on-click-node check-strictly
                  @check-change="doLeftCheckChange">
            </Tree>
          </div>
        </td>
        <td style="width:30px;max-width:30px;text-align:center;">
          <a-icon type="swap" />
        </td>
        <td>
          <div class="_panel1" v-loading="rightLoading">
            <div class="_panel_header">{{ rightTitle }}</div>
            <Tree ref="rightTree" :data="rightTreeData"
                  node-key="id" empty-text="暂无数据"
                  :expand-on-click-node="false"
                  show-checkbox check-on-click-node check-strictly
                  @check-change="doRightCheckChange">
            </Tree>
          </div>
        </td>
      </tr>
    </table>
  </div>
</template>
<script>
import TreeTransferJS from './TreeTransfer.js'
export default {
  name: 'TreeTransfer',
  mixins: [TreeTransferJS]
}
</script>
